<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>L-B情侣博客-首页</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-1.8.1.min.js" type="text/javascript"></script>
<script src="js/lb-plus.js" type="text/javascript"></script>
</head>
<body>
<div id="tle" class="mr">
	<h1>For Nine</h1>
    <div id="ms_tit" class="tit_ms">
    	<p>She Is My →</p>
		<span>晴朗的天空下，那一片草原<br />有你在那</span>
    </div>
    <!--tit_ms-->
    <div id="men_tit" class="tit_men r">
    	<p>← I Belong To Him</p>
		<span>黑色的夜空，繁星点点。<br />我们望着星空</span>
    </div>
</div>
<div id="head" class="mr">
  <div class="day mr">
    	<span>1000</span>
        <object width="180" height="180" data="./images/anniversary.swf" type="application/x-shockwave-flash">
			<param value="./images/anniversary.swf" name="movie">
			<param value="transparent" name="wmode">
		</object>
    </div>
    <!--恋爱天数-->
    <div class="nav mr">
    	<ul>
        	<li class="d1"><a href="index.html">主页</a></li>
            <li class="d2"><a href="rizhi.html">日志</a></li>
            <li class="d3"><a href="zhaopian.html">照片墙</a></li>
            <li class="d4"><a href="fenlei.html">分类查看</a></li>
            <li class="d5"><a href="about.html">关于我们</a></li>
            <li class="d6"><a href="#">星空墙</a></li>
        </ul>
    </div>
</div>
<!--头部-->
<div id="wrap" class="mr">
	<!--<div class="ad800">800*100预留广告位</div>-->
    <div class="main">
		<div class="dl l m5">
        	<h3>同类文章</h3>
            <ul>
                <li><span>(12年10月19日</span><a href="#">hello word!</a></li>
                <li><span>(12年10月19日</span><a href="#">hello word!</a></li>
                <li><span>(12年10月19日</span><a href="#">hello word!</a></li>
                <li><span>(12年10月19日</span><a href="#">hello word!</a></li>
                <li><span>(12年10月19日</span><a href="#">hello word!</a></li>
            </ul>
            <h3>友情链接</h3>
            <ul>
                <li><a href="#">teaxia.com</a></li>
                <li><a href="#">cncnc.edu.cn</a></li>
                <li><a href="#">baidu.com</a></li>
            </ul>
        </div>
        <!--左边工具栏部分-->
        <div class="cont l m5">
        	<div class="cented">
                <h2>测试文章内容</h2>
                <p>一、博客基础功能</p>
                <p>二、时间胶囊功能</p>
                <p>三、Love-Box功能</p>
                <p>四、照片墙功能</p>
                <p>五、签到功能</p>
                <p>六、星空墙功能</p>
                <p>Powered By teaxia.com © 2012 本页面为L-B情侣博客的演示页面</p>
            </div>
            <!--文章内容-->
          <div class="messige">
       			<div class="att l">
                	<div class="avatar_s m_b">
                		<img src="images/boy.gif" width="49" height="49" alt="男主人">
                	</div>
                </div>
                <!--左边显示头像-->
            	<div class="contend l">
                	<div class="bi">
                    	<p>苏三：这是第一条回复</p>
                    </div>
                    <!--回复-->
                    <div class="tb">
                    	<ul id="add">
                        </ul>
                    </div>
                    <!--回复留言内容-->
                    <script type="text/javascript" language="javascript">
                	$(document).ready(function(){
						$('#sub').click(function() {
							con = $("#btw").attr("value");
							var time = new Date();
							M=time.getMonth();//月份
							M=M+1;
							D=time.getDate();//日
							H=time.getHours();//小时
							MT=time.getMinutes();//分钟
							//alert(M+"月"+D+"日"+H+"时"+MT+"分");
$("<li><img src='images/boy.gif' width='30' height='30' alt='男主人'><span style='float:right'>"+M+"月"+D+"日"+H+"时"+MT+"分"+"</span>"+con+"</li>").appendTo($("#add"));
						});
					});
                </script>
                </div>
                <!--右边留言内容-->
                <div class="contend l">
               	<input id="btw" type="text" value="我也说一句" name="" />
                    <a id="sub" href="###">提交</a>
            	</div>
                <!--我也说一句-->
       	  	</div>
        	<!--留言显示-->
        </div>
        <!--右边文章列表页-->
    </div>
    <!--内容部分结束main-->
    <div class="page">
    	<ul>
        	<li>1/2页面</li>
            <li><a href="">1</a></li>
            <li><a href="">2</a></li>
            <li><a href="">3</a></li>
            <li><a href="">下一页</a></li>
        </ul>
    </div>
    <div class="foot">
    	<p>Powered By teaxia.com &copy; 2012 本页面为L-B情侣博客的演示页面。仅供参考</p>
    </div>
</div>
<!--wrap部分-->
</body>
</html>
